<template>
    <div>
        <div class="van-cell-group van-hairline--top-bottom">
            <div class="van-cell van-field">
                <div class="van-cell__title van-field__label"><span>申诉内容</span></div>
                <div class="van-cell__value van-field__value">
                    <div class="van-field__body">
                        <textarea rows="2" placeholder="请输入申诉内容" class="van-field__control"
                                  style="height: 100px;"></textarea>
                    </div>
<!--                    <div class="van-field__word-limit"><span class="van-field__word-num">0</span>/50</div>-->
                </div>
            </div>
            <div class="van-cell van-field">
                <div class="van-cell__title van-field__label"><span>图片证明</span></div>
                <div class="van-cell__value van-field__value" style="text-align:left;">
                    <van-uploader :after-read="afterRead" />
                </div>
            </div>
        </div>
        <div class="div-bot">
            <van-button round block type="info" native-type="submit" class="city-card-common-btn">
                提交
            </van-button>
        </div>
    </div>
</template>

<script>

export default {
  data () {
    return {
      value: ''

    }
  },
  mounted () {
    // this.init()
  },
  methods: {
    afterRead (file) {
      // 此时可以自行将文件上传至服务器
      console.log(file)
    }
  }
}
</script>

<style scoped>
    .van-cell{
        font-size: 12px;
    }
    .div-bot {
        margin: 10px;
    }
    .div-bot>>>.city-card-common-btn{
        padding: 0;
    }
    .div-bot >>> .van-button--info {
        border: 1px solid #75ACDC;
    }

    .div-bot >>> .van-button {
        height: 2.5rem;
    }

    .city-card-common-btn {
        color: white;
        font-size: 12px;
        width: 100%;
        border-radius: 5px;
        text-align: center;
        background-color: #75ACDC;
    }
</style>
